<!DOCTYPE html>
<html lang="en" class="bg-dark">
<head>
  <meta charset="utf-8" />
  <title>Scale | Web Application</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="./libs/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="./libs/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="./libs/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="./libs/css/icon.css" type="text/css" />
  <link rel="stylesheet" href="./libs/css/font.css" type="text/css" />
  <link rel="stylesheet" href="./libs/css/app.css" type="text/css" />
    <!--[if lt IE 9]>
    <script src="./libs/js/ie/html5shiv.js"></script>
    <script src="./libs/js/ie/respond.min.js"></script>
    <script src="./libs/js/ie/excanvas.js"></script>
  <![endif]-->
</head>
<body class="">
  <section id="content">
    <div class="modal fade in" id="ajaxModal" aria-hidden="false" style="display: block;">
      <div class="modal-over">
        <div class="modal-center animated fadeInUp text-center" style="width:200px;margin:-80px 0 0 -100px;">
          <div class="thumb-md"><img src="images/a0.png" class="img-circle b-a b-light b-3x"></div>
          <p class="text-white h4 m-t m-b">John.Smith</p>
          <div class="input-group">
            <input type="password" class="form-control text-sm" placeholder="Enter pwd to continue">
            <span class="input-group-btn">
              <button class="btn btn-success" type="button" data-dismiss="modal"><i class="fa fa-arrow-right"></i></button>
            </span>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- footer -->
  <footer id="footer">
    <div class="text-center padder clearfix">
      <p>
        <small>Web app framework base on Bootstrap<br>&copy; 2013</small>
      </p>
    </div>
  </footer>
  <!-- / footer -->
  <script src="./libs/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="./libs/js/bootstrap.js"></script>
  <!-- App -->
  <script src="./libs/js/app.js"></script>
  <script src="./libs/js/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="./libs/js/app.plugin.js"></script>
</body>
</html>